<template>
  <div class="fileQuery">
    <div class="fileQuery-query">
      <el-tabs type="card" v-model="activeName">
        <el-tab-pane label="操作权限" name="操作权限">
          <operate />
        </el-tab-pane>
        <el-tab-pane label="数据权限" name="数据权限">
          <datas />
        </el-tab-pane>
        <el-tab-pane label="字段权限" name="字段权限">
          <field />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import operate from "./permissions/operate";
import datas from "./permissions/data";
import field from "./permissions/field";
export default {
  name: "VueXuAdminSetPermissions",
  components: { operate, field, datas },
  data() {
    return {
      activeName: "操作权限",
    };
  },

  mounted() {},

  methods: {
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      // if (columnIndex === 1) {
      //   return {
      //     rowspan: 1, // 2：需要合并的行数
      //     colspan: 8, // 1：需要合并的列数
      //   };
      // }
    },
    changeDate(data, id) {
      console.log(data, id);
      this.tableData.forEach((item, i) => {
        if ((id = item.id)) {
          item.options.forEach((d) => {
            item.value.push(d.value);
          });
        } else {
          if (item.children && item.children.length != 0) {
            item.children.forEach((val, v) => {
              val.options.forEach((d) => {
                if (id == d.id) {
                  item.value.push(d.value);
                }
              });
            });
          }
        }
      });
      console.log(this.tableData);
    },
  },
};
</script>

<style  scoped>
.fileQuery {
  min-width: 1000px;
  width: 100%;

  background-color: #fff;
}
.fileQuery-query {
  padding: 12px;
  border-bottom: 1px solid #e6e8ef;
}
/deep/.el-form-item__label {
  font-size: 16px;
}
/deep/ .el-form-item__content {
  font-size: 16px;
}
/deep/ .el-select {
  width: 20%;
}
.expand-msg {
  margin-left: 52px;
 
}
 .caqx {
    margin-left: 34px;
  }
/deep/ .el-tabs__item {
  font-size: 16px;
  font-weight: 600;
}
/deep/ .el-col-6 {
  height: 58px;
}

/deep/ .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item {
  background-color: #f5f7fa;
}
/deep/ .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #fff;
  border-bottom: none !important;
}
/deep/ .el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: none;
}
/deep/ .el-tabs__nav-wrap {
  height: 42px;
  line-height: 40px;
}

/deep/ .el-collapse-item__arrow {
  margin-left: 10px;
  position: absolute;
  left: 0;
}
/deep/ .el-collapse-item__header {
  margin-left: 32px;
  font-size: 16px;
  color: #303133;
  font-weight: 600;
}
/deep/ .el-collapse {
  border: none;
}
/deep/.el-tabs__content {
  margin-right: 28px;
}
</style>
